import React, { PureComponent } from 'react'

function hoc(Cpn) {
  // 1. 返回类组件
  class NewCpn extends PureComponent {
    render() {
      // 对传入的组件的渲染进行了一次拦截
      // 可以在此对组件进行处理
      return <Cpn></Cpn>
    }
  }

  // 2. 返回函数组件
  // function NewCpn(props) {

  // }
  return NewCpn
}

class HelloWorld extends PureComponent {
  render() {
    return (
      <div>HelloWorld</div>
    )
  }
}

const HWHoc = hoc(HelloWorld)

export class App extends PureComponent {
  render() {
    return (
      <div>
        <HWHoc></HWHoc>
      </div>
    )
  }
}

export default App